@CHARSET "UTF-8";

/* Apply these styles only when #preview-pane has
       been placed within the Jcrop widget */
.jcrop-holder #preview-pane {
	display: block;
  	position: absolute;
 	z-index: 2000;
	right: -160px;
	padding: 6px;
  	border: 1px rgba(0,0,0,.4) solid;
  	background-color: white;

  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;

  	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

/* The Javascript code will set the aspect ratio of the crop
   area based on the size of the thumbnail preview,
   specified here */
#preview-pane .preview-container {
  	width: 135px;
  	height: 101px;
  	overflow: hidden;
}

#cover_select_modal {
    width: 1000px;
    height: 600px;
    margin-left: -500px;
    margin-top: -45px;
}

#cover_select_modal .modal-body {
    max-height: 470px;
    min-height: 440px;
}

#cover_select_carousel {
    margin-bottom: 0;
}
#cover_select_carousel .carousel-indicators {
    cursor: pointer;
}
#cover_select_carousel .carousel-inner .item {	
    background-image: url("../img/bg-shadow.png");
}
#cover_select_carousel .carousel-inner .item img {
	cursor: pointer;
    height: 440px;
    margin: 0 auto;
}
#cover_select_carousel .carousel-caption {
    text-align: center;
}

.crop-border {
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;

  	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}